<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection"content="telephone=no, email=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="true">
    <meta name="MobileOptimized" content="320">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="msapplication-tap-highlight" content="no">
    </head>
    <link rel="stylesheet" type="text/css" href="public/css/join.css" />
    <body id='app'>
            <header class="header">
                    <h1>上新日历</h1>
            </header>
                <section>
                          <div class="img"></div>
                         <div class="btn" @click="btn" v-bind:class="{'sectionP':issectionP}">接受邀请</div>
                         <div class="mtWindow" :class="{'mt':ismt}">
                            <div class="title">
                                <p>已成功预约参加</p>
                                <i></i>
                                <p>
                                新品上市，到店体验享有优先优惠特权
                                    <br />
                                    <br />
                                我们恭候您的光临
                                </p>
                            </div> 
                                     <div class="content">
                                            <h1>上新信息卡</h1>
                                            <ul>
                                                
                                    <li v-for="item of items"><span>{{item.sp1}}</span><span>{{item.sp2}}</span></li>
                                                                              
                                            </ul>
                                    </div>     
                         </div>
                </section>


    </body>
</html>
<script type="text/javascript" src="public/js/vue.min.js"></script>  
<script type="text/javascript" src="public/js/join.js"></script>


  

